﻿//图片上传
function upload(i) {
	if (!i.files.length) return;
	var files = Array.prototype.slice.call(i.files);
    var file = null;
    if(files!=null && files.length>0){
        file = files[0];
    }
	if (!/\/(?:jpeg|png|gif|bmp|jpg)/i.test(file.type)){
	    $.alert("图片格式错误!", "提示！");
	 	return false;
	}
	//图片限制在1M内
	var size = file.size;
	if(size > 1024*1024*1){
		 $.alert("图片不能大于1M!", "提示！");
	}
	var fileName = $("#imageFile").val();
	var ucode =  $("#ucode").val();
	//读取图片数据
	//加载图片获取图片真实宽度和高度
//	var image = new Image();
//	var reader = new FileReader();
//	reader.onload = function () {
//        var result = this.result;
//        var img = new Image();
//        img.src = result;
//	}; 
//	reader.readAsDataURL(file);
//	$.post(basePath+"upload/imageUpload",   //提交的路径
//		    {
//				fileName:fileName,//传递参数，用于解析出文件名
//				fuser_id:fuser_id
//		    },
//		    function(data){
//		    	if (data.error == 0) {
//					var paths = basePath+data.src;
//					var fid = data.fid;
//					var _div_conton = $("#upload-pic").children("ul");
//					//var ds = "<li><img src="+paths+" style='width:180px;height:80px;' onclick='setImg(this);'>"; 
//					//如果使用云对象存储 直接访问src
//					var ds = "<li><img src="+data.src+" style='width:180px;height:80px;' onclick='setImg(this);'>"; 
//						ds +=" '<i class='glyphicon glyphicon-trash gz-close'  id='"+fid+"' onclick='delImg(this);' ></i></li>";
//					$(_div_conton).append(ds);
//				} else { 
//					alert(data.message);
//				}
//		    });
	var index = layer.load(2, {time: 10000}); //又换了种风格，并且设定最长等待10秒 
	$.ajaxFileUpload({
		url : basePath+"upload/imageUpload",   //提交的路径
		secureuri : false, // 是否启用安全提交，默认为false
		fileElementId : 'imageFile', // file控件id
		dataType : 'json',
		type: "POST",    // post提交
		contentType: "application/x-www-form-urlencoded",   // http content type
		data : {
			fileName:fileName,//传递参数，用于解析出文件名
			ucode:ucode
		}, // 键:值，传递文件名
		success : function(data, status) {
			if (data.error == 0) {
				var paths = basePath+data.src;
				var fid = data.fid;
				var _div_conton = $("#upload-pic").children("ul");
				//var ds = "<li><img src="+paths+" style='width:180px;height:80px;' onclick='setImg(this);'>"; 
				//如果使用云对象存储 直接访问src <i class='layui-icon'>&#xe64a;</i>
				var ds = "<li><img src="+data.src+" style='width:180px;height:80px;' onclick='setImg(this);'>"; 
					ds +=" '<i class='layui-icon gz-close'  id='"+fid+"' onclick='delImg(this);' >&#xe640;</i></li>";
				$(_div_conton).append(ds);
			} else { 
				alert(data.message);
			}
			//关闭
			layer.close(index); 
		},
		error : function(data, status) {
			alert(data.message);
			//关闭
			layer.close(index); 
		}
	});
}
//删除图片
function delImg(img){
	var fid = $(img).attr("id");
	$.ajax({
	    type: "post",
	    dataType: 'json',
	    url : basePath+"upload/imageDel",   //提交的路径
	    data: { 
	    		fid:fid
	    		},
	    success:function(data){
	    	if (data.error == 0) {
				$(img).parents('li').remove();
			}else{
				alert(data.message);
			};
		}
	});
}  
//点击图后 显示在富文本编辑器中
function setImg(img){
	 var image = new Image();
	 var most = 650;        //设置最大宽度
	 image.src = $(img).attr("src"); 
	 if(image.width > most){
		 var scaling = 1-(image.width-most)/image.width; 
		 image.width = image.width*scaling;
		 //image.height = image.height;            //img元素没有设置高度时将自动等比例缩小
         image.height = image.height*scaling;    //img元素设置高度时需进行等比例缩小
	 }
		 
	 editor.$txt.append(image);//追加图片
	 editor.$txt.append("<br>");
}